<script setup lang="ts">
	import { ElConfigProvider } from 'element-plus';
	import { useAppStore } from '@/store/modules/app';
	const appStore = useAppStore();
</script>

<template>
	<el-config-provider :locale="appStore.locale" :size="appStore.size">
		<router-view />
	</el-config-provider>
</template>
<style lang="scss">
	* {
		box-sizing: border-box;
		
	}
	.cur{
		cursor:pointer;
	}
	.clearfix:after{
		content:"";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.fl{
		float:left;
	}
	.fr{
		float:right;
	}
	// body:not(input):not(textarea){
	// 	user-select: none;
	// 	cursor: default;
	// }
	.show{
		display:block;
	}
	.custom-message{
		background:#fff !important;
		border:none !important;
		font-size:12px;
		height:40px;
		border-radius:0 !important;
		box-shadow:0 0 7px rgba(35,121,247,.2);
	}
	.custom-icon{
		color: #0189f6 !important; /* 替换为你想要的图标颜色 */
	}
	// el-message el-message--info custom-message
	

	.flexC {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	@font-face {
		font-family:'siyuanM';
		src: url(https://img.wireai.com/static/font/SourceHanSansCN-Medium.otf);
	}
	@font-face {
		font-family:'siyuanR';
		src: url(https://img.wireai.com/static/font/SOURCEHANSANSCN-REGULAR.otf);
	}
	@font-face {
		font-family:'siyuanN';
		src: url(https://img.wireai.com/static/font/SOURCEHANSANSCN-NORMAL.otf);
	}
	::-webkit-scrollbar {
		width: 2px; 
		position:absolute;
		right:0;
		top:0;
		height:100%;
	}
	// ::-moz-scrollbar{
	// 	width: 2px; 
	// 	position:absolute;
	// 	right:0;
	// 	top:0;
	// 	height:100%;
	// }
	::-webkit-scrollbar-thumb{
		background-color: #acccfc; /* 设置滚动条手柄颜色 */
		border-radius: 5px; /* 设置滚动条手柄圆角 */
	}

	::-webkit-scrollbar-track{
		background-color: #f8f9fa; /* 设置滚动条轨道颜色 */
	}
	.markdown-body{
		h1{
			font-size: 20px !important;
		}
		h2{
			font-size: 17px !important;
		}
		ol{
			// li{
			// 	list-style: auto;
			// }
		}
		.chatView{
			p{
				// text-indent: 2em;	
				margin:10px auto !important;
			}
		}
		
		ul{
			// li{
			// 	list-style: auto;
			// }
		}
		
		strong{
			color:#2379f7;
		}
		&.runing{
			// p::after{
			// 	content: "|";
			// 	color: #000;
			// 	-webkit-animation: blink-data-v-4c6861f6 1s steps(5,start) infinite;
			// 	animation: blink-data-v-4c6861f6 1s steps(5,start) infinite;
				
			// }
				
			@-webkit-keyframes blink-data-v-4c6861f6 {
				0%,to {
					visibility: hidden
				}
			
				50% {
					visibility: visible
				}
			}
			
			@keyframes blink-data-v-4c6861f6 {
				0%,to {
					visibility: hidden
				}
			
				50% {
					visibility: visible
				}
			}
		}
		
	}
	@media screen and (max-width: 768px){
		.linkbox{
			padding: 5px 10px;
		}
	}

</style>